<!DOCTYPE html>
<html>
	<head>
		<!-- meta元数据，charset字符集,utf-8中文乱码 -->
		<meta charset="utf-8"/>
		<title>永和小票</title>
	<!-- 	<样式设计> -->
	<style type="text/css">
		hr{
			border: 1px dashed;
		}
		/*solid实线，dashed虚线*/
		body{
			width: 350px;
			font-size:10px;
		}
		.please {
			font-size:30px;
			font-weight:bold;
		}
		.self
			/*padding 修饰四周 上右下左(顺时针一圈4个值)*/
			padding-left:90px;/*左边空一定距离*/
		}
		.note{
			/*padding-top:20px;    上空
			padding-bottom:15px;   下空*/
			margin-top:20px;
			margin-bottom:15px;
		}
		.img{
			padding-left: 80px ;
		}
	</style>
	</head>
	<body>
		<div>顾客联</div>
		<div class="please">请您留言取餐账单号</div>
		
		<div class=" self">自取顾客联</div>
		<div>永和大王(北三环西路)</div>
		<div>010-12345678</div>
		<div class="self">--结账单--</div>
		<div class="please">账单号:P000010</div>
		<div>账单类型:堂食</div>
		<div>人数:1</div>
		<div>收营员:张静</div>
		<div>开单时间:2020-05-18 15:24:29</div>
		<div>结账时间:2020-05-18 15:25:25</div>
		 <!--表格是没列概念,他叫做单元格-->
		 <table border="0">
			 <tr>
				 <td width="50" align="center">数量</td>
				 <td width="190">品项</td>
				 <td width="50" align="right">金额</td>
			 </tr>
			 <tr>
				 <td valign="top">1</td>
				 <td>玉米肉松蛋饼2p<br />
					 1X--玉米肉松蛋饼<br />
					 1X--现磨豆浆(热/甜)
				 </td>
				 <td valign="top" align="right">8.00</td>
			 </tr>
		</table>
		<hr>
		<table border="0">
			<tr>
				<td width="246">合计</td>
				<td width="50" align="right">8.00</td>
			</tr>
			<tr>
				<td>微支付</td>
				<td align="right">8.00</td>
			</tr>
        </table>
		<hr >
		<div>打印时间:2020-05-18 15:25:25</div>
		<div class="note">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，
		如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，
		根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，
		扫描时请保持小票平整。
		</div>
		<img class="img" src="二维码.png" style="width:170px">
		<div>官网:www.yonghe.com.cn</div>
		<div>加盟热线:86-21-12345678</div>
	
	</body>
</html>
